<template>
  <div class="footer">
    <div class="footerIndex">
      <div class="wrapper">
        <div class="top">
          <a href="http://rcrs.gzsrs.cn:8888">职称申报系统</a>
          <a href="http://rcrs.gzsrs.cn:8888/zccx">职称查询系统</a>
          <a href="https://gzjxjy.gzsrs.cn/">公需科目学习</a>
        </div>
        <div class="wrapper-contain">
          <div class="left">
            <a>版权所有：贵州兴黔一览数字人才服务有限公司</a>
            <a href="http://rst.guizhou.gov.cn"
              >技术支持：贵州兴黔一览数字人才服务有限公司</a
            >
          </div>
          <div class="center">
            <div class="fr">
              <p>地址：贵州省贵阳市毓秀路27号贵州省人才大市场4楼</p>
              <p>备案号：粤ICP备08106584号</p>
            </div>
          </div>
          <div class="right">
            <img
              style="margin-top: 13px; margin-right: 8px"
              src="@/assets/footer-icon.png"
              alt="备案"
            />
            <p>粤公网安备: 44030502004569号</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.footer {
  width: 100%;
  background: #373b41;
  .wrapper {
    padding: 46px 0;
    line-height: 42px;
    .top {
      display: flex;
      justify-content: center;
      border-bottom: 1px solid #ffffff;
      padding-bottom: 6.5px;

      a {
        margin-right: 60px;
        font-family: PingFangSC-Medium;
        font-size: 18px;
        color: #ffffff;
        letter-spacing: 0;
        line-height: 26px;
        color: #fff;
      }
    }
    .wrapper-contain {
      display: flex;
      padding-top: 17.5px;
      .left {
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #ffffff;
        letter-spacing: 0;
        a {
          line-height: 64px;
          color: #fff;
          display: block;
        }
      }
    }
    .wrapper-contain .center,
    .wrapper-contain .right {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #ffffff;
      letter-spacing: 0;
      a {
        display: block;
        color: #fff;
        line-height: 42px;
      }
    }
  }
  .center {
    margin-left: 130px;
    margin-right: 130px;
  }
  .wrapper {
    width: 1200px;
    margin: 0 auto;
  }
}
</style>
